/* pages/isReservation/isReservation.wxss */
.page{
    background-color: rgba(242, 242, 242, 1);
    min-height: 100vh;
    padding-top: 40rpx;
    box-sizing: border-box;
    .reservationInfo{
        width: 692rpx;
        height: 432rpx;
        background-color: #fff;
        margin: auto;
        border-radius: 16rpx;
        padding: 40rpx 42rpx;
        box-sizing: border-box;
        .doctorInfo{
            display: flex;
            align-items: center;
            margin-bottom: 20rpx;
            .profile{
                width: 90rpx;
            }
            .textInfo{
                margin-left: 20rpx;
                .Name_call{
                    display: flex;
                    align-items: flex-end;
                    font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
                    .name{
                        font-weight: 700;
                        font-size: 36rpx;
                    }
                    .call{
                        font-size: 26rpx;
                        color: #1F1F1F;
                        margin-left: 30rpx;
                    }
                }
                .campusInfo{
                    display: flex;
                    font-family: 'Microsoft YaHei UI', sans-serif;
                    color: #1F1F1F;
                    font-size: 28rpx;
                    margin-top: 10rpx;
                    .depart{
                        margin-right: 30rpx;
                    }
                }
            }
        }
        .confim{
            .confimlist{
                height: 70rpx;
                display: flex;
                align-items: center;
                font-family: 'Microsoft YaHei UI', sans-serif;
                color: #7F7F7F;
                font-size: 28rpx;
                .listCon{
                    color: #000;
                    margin-left: 40rpx;
                }
                .pay{
                    color: #FFC53D;
                    margin-left: 40rpx;
                }
            }
        }
    }
    .patient{
        width: 692rpx;
        height: 100rpx;
        margin: 40rpx auto;
        background-color: #fff;
        border-radius: 16rpx;
        padding: 0 42rpx;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        font-family: 'Microsoft YaHei UI', sans-serif;
        justify-content: space-between;
        font-size: 28rpx;
        .title{
            color: #7f7f7f;
        }
        .seeMore{
            color: #1f1f1f;
        }
    }
    // 弹出层
    .popup{
        .title{
            font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
            font-size: 32rpx;
            font-weight: 700;
            position: absolute;
            top: 30rpx;
            left: 50%;
            transform:translateX(-50%) ;
        }
        .patientlists{
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 120rpx;
            .patientlist{
                width: 660rpx;
                height: 92rpx;
                background-color: rgba(230, 244, 255, 1);
                border-radius: 16rpx;
                display: flex;
                align-items: center;
                padding: 0 40rpx;
                box-sizing: border-box;
                margin-bottom: 30rpx;
                .patientName{
                    font-size: 28rpx;
                    color: #000;
                }
                .patientId{
                    font-size: 28rpx;
                    color: #aaa;
                    margin-left: 30rpx;
                }
            }
        }
    }
    .Payment{
        width: 692rpx;
        height: 312rpx;
        background-color: #fff;
        border-radius: 16rpx;
        margin: auto;
        padding: 40rpx 42rpx;
        box-sizing: border-box;
        .title{
            font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI', sans-serif;
            font-weight: 700;
            color: #000;
            font-size: 28rpx;
            margin-bottom: 20rpx;
        }
        
        .linebottom{
            border-bottom: 2rpx solid rgba(242, 242, 242, 1);
        }
        .method{
            height: 100rpx;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .payName{
                font-family: 'Microsoft YaHei UI', sans-serif;
                font-size: 28rpx;
                color: #000;
            }
        }
    }
    .confirm{
        width: 692rpx;
        height: 80rpx;
        border-radius: 16rpx;
        position: fixed;
        bottom: 40rpx;
        left: 50%;
        transform: translateX(-50%);
        background-image: url('https://cdn8.axureshop.com/demo/2208121/images/%E7%A1%AE%E8%AE%A4%E9%A2%84%E7%BA%A6/u1058.svg');
        color: #fff;
        font-size: 28rpx;
        font-family: 'Microsoft YaHei UI', sans-serif;
    }
}